<div itemscope itemtype="http://schema.org/Course">
  <h2 itemprop="name">响应式图片</h2>
  <a href="https://www.udacity.com/course/responsive-images--ud882">
    <img src="/web/shows/udacity/img/ud882.png" class="attempt-right" itemprop="image">
  </a>
  <p>
    你知道吗？加载网页时，平均 60% 以上的流量都来加载图片。
  </p>
  <p itemprop="description">
    在这门课程里，你将学习如何在现代网络环境中使用图片，以便你的图片在任何设备上都看起来效果更棒，并且快速加载。
  </p>
  <p>
    在学习期间，你将掌握各种技能和技巧，能够轻松地将响应式图片整合到你的开发流程中。
    学完这门课程后，你将能够开发可以适应不同的视口尺寸及使用场景的图片。
  </p>
  <p>
    这个免费的课程可以在 
    <span itemprop="Provider">
      <span itemscope itemtype="http://schema.org/Organization">
        <a href="https://www.udacity.com" itemprop="sameAs">
          <span itemprop="name">Udacity</span>
        </a>
      </span>
    </span>
    找到
  </p>
  <a href="https://www.udacity.com/course/responsive-images--ud882" class="external">参加课程</a>
</div>
<div style="clear:both;"></div>
